<template>
    <div id="app">
      <a href=""><span class="iconfont">&#xe722;</span><span>首页</span></a>
      <a href=""><span class="iconfont">&#xe711;</span><span>发现</span></a>
      <a href=""><span class="iconfont">&#xe606;</span><span>订单</span></a>
      <a href=""><span class="iconfont">&#xe620;</span><span>我的</span></a>
    </div>
</template>
<script>
    
</script>
<style lang="stylus" scoped>
#app
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  padding-top: 1.2vw;
  background-color: #fff;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 13.333333vw;
  border-top 1px solid #ccc
  a
    display: block;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    .iconfont
      display inline-block
      width: 5.333333vw
      height: 5.333333vw;
      font-size: .555rem
    span
      display: block;
      color: #8e8e93;
      font-size: .388rem;
</style>

